
/***<jscompress sourcefile="combo.css" />*/
.combo>.head {
	border: 1px solid #CCC; background-color: #FFF; overflow: hidden;
}
.combo.disabled>.head {
	background-color: #d6cfc6;
}
.combo>.head input {
	background-color: transparent; border:none; width: 100%;
}
.combo>.head>.btn { position: relative; float: right; border-left: 1px #CCC solid; }

.combo>.body {
	border-right: 1px solid #CCCCCC; float: left; z-index: 99999; display: none;
	position: absolute; background: #FFF; overflow-y: auto; overflow-x: hidden;
}
/* .combo>.body>.tr { white-space: nowrap; display: inline-block; width: 100%; } */
.combo>.body>.tr>.td {
	white-space: nowrap; display: inline-block;
	cursor: default; overflow: hidden; background-color: #FFF;
	height: 24px; line-height: 24px; vertical-align: middle;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-top: none;
}
.combo>.body>.tr.hover>.td { background-color: #FBCC88; }
.combo>.body>.tr.selected>.td { background-color: #FBEC88; }

.combo>.body.box { border: 1px solid #93c3cd; }
.combo>.body.box>.grid>.main>.body>.tt { border-left: 1px solid #FFF; }
.combo>.body.box>.grid>.main>.head { border-left: 1px solid #FFF; }
.combo>.body.box>.grid>.main>.head>.th { border-top: 1px solid #FFF; }

/***<jscompress sourcefile="grid.css" />*/
.grid .main { overflow-x: auto; overflow-y: hidden; color: #000; }
.grid .head {
	white-space: nowrap; height: 26px; line-height: 26px; overflow: hidden;
	float: left; border-left: 1px solid #DDD; border-right: none;
}
.grid .head input { float: left; }
.grid>.main>.body { overflow: hidden; }
.grid .tt {
	overflow-x: hidden; overflow-y: hidden;
	border-left: 1px solid #DDD; height: auto;
}
.grid .tr {
	white-space: nowrap; display: inline-block; background-color: #DDD;
	border-bottom: 1px solid #EEE;
}
.grid .th, .grid .td {
	white-space: nowrap; display: inline-block; cursor: default;
	overflow: hidden; border-right: 1px solid #DDD;
}
.grid .th {
	text-align: center; height: 24px; line-height: 24px; -moz-user-select: none;
	color: #000; vertical-align: middle; background-color: #eff7f8;
	border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;
}
.grid .tth>div>.title { border-right: 1px solid #DDD; }
.grid .tr>.td {
	height: 24px; line-height: 24px; vertical-align: middle;
}
.grid .ybar { width: 18px; float: right; overflow-y: auto; margin-top: 24px; }
.grid .td input { float: left; }
.grid .sort {
	float: right; height: 22px; padding-top: 2px;
}
.grid .sort:hover { background-color: #CEE3F6; }
.grid .sizer {
	cursor: e-resize; width: 2px; float: right; height: 24px;
}
.grid .dropable { background-color: #CEE3F6; }
.grid .title { overflow: hidden; }
.grid .title:hover { background-color: #CEE3F6; }
.grid .h1 { background-color: #CEE3F6; }
.grid .tr.h2o .td { background-color: #EEE; }
.grid .tr.h2e .td { background-color: #FFF; }
.grid .tr.hover .td { background-color: #FBCC88; }
.grid .tr.selected .td { background-color: #FBEC88; }

.dragHelper {
	border: 1px dashed #DDD; background-color: #FFF; position: absolute;
	padding: 2px 4px 2px 4px; float: left; z-index: 99;
}

.grid>.pager { margin-top: 8px; height: 24px; }
.grid>.pager>.pageNo {
	cursor: pointer; margin: 2px 2px; padding: 2px; border: 1px solid transparent;
}
.grid>.pager>.pageNo[action]:hover { border: 1px solid #DDD; }
.grid>.pager>.button {
	height: 24px; line-height: 24px; padding: 4px 8px; cursor: pointer; border: 1px solid #DDD;
}
.grid>.pager>input[name=pageNo] { margin: 0 4px 0 12px; width: 40px; }

.grid>.fixed { float: left; display: none; }
.grid>.fixed>.body { overflow: hidden; border-left: 1px solid #DDD; }
.grid>.fixed>.body>.tt>.tr { white-space: nowrap; display: inline-block; }
.grid>.fixed>.head { border-right: none; }
.grid .tr.hover .td { background-color: #FBCC88; }

/***<jscompress sourcefile="dialog.css" />*/
.mask {
	background: #000; position: absolute; left: 0; top: 0;
	text-align: center; margin-top: 0; padding: 0;
	filter: alpha(opacity = 30); opacity: 0.3; width: 100%; height: 100%;
}

.dialog {
	position: absolute; left: 0; top: 0; margin: 0 auto;
	overflow: visible; background-color: #FFF;
	border: #388CD2 1px solid; box-shadow: #000 2px 2px 8px
}

.dialog>.head {
	height: 24px; line-height: 24px; background-color: #3262BA; color: #FFF;
	overflow: hidden; white-space: nowrap; padding: 2px 4px;
}
.dialog>.head .icon { margin-top: 4px; cursor: pointer; background-color: #FFF; }
/* .dialog>.head .closer:hover { background-color: #FF3; } */

.dialog>.body { background-color: #FFF; overflow: auto; padding: 12px; }
.dialog>.body>.body { margin-top: 12px; }
.dialog>.body>.head { height: 32px; line-height: 32px; }
.dialog>.body>.foot { margin-top: 8px; height: 32px; line-height: 32px; text-align: center; }

.dialog .wait {
	width: 64px; height: 64px; margin: auto; background-image: url(images/bgWait.gif);
}

.dialog>.body>.bottom>.button {
	float: right; padding: 4px 6px 4px 6px; background-color: #EEE; border: 1px solid #CCC;
	margin-left: 4px; text-align: center; height: 16px; line-height: 16px; cursor: pointer;
}

/***<jscompress sourcefile="tabs.css" />*/
.tabs>.head {
	height: 32px; overflow: hidden; white-space: nowrap;
}
.tabs>.hbar {
	width: 100%; height: 2px; position: relative;
	background-color: #DDD; z-index: 2; top: 32px;
}
.tabs>.head>.sbtn {
	width: 32px; height: 32px; background-color: #DDD; float: left;
/* 	background: url(./images/tm-ts.png) repeat-x; */
	background-color: #FFF;
}
.tabs>.head>.sbtn span {
	overflow: hidden; float: left; width: 16px; height: 16px; margin: 4px;
	background-image: url(./images/icons.png);
}
.tabs>.head>.left span { background-position: -96px -48px; }
.tabs>.head>.right span { background-position: -32px -48px; }
.tabs>.head>.main { height: 32px; overflow: hidden; float: left; background-color: #FFF; }
.tabs>.head>.main>.tt { white-space: nowrap; display: inline-block; }
.tabs>.body {
	border: 1px solid #DDD; border-top: 0px; background-color: #FFF; padding: 1px;
}
.tabs>.body>.main { padding: 0px; margin: 0px; overflow: auto; }
.tabs>.head .item {
	-moz-user-select: none; cursor: pointer;
	height: 32px; position: relative;
	white-space: nowrap; display: inline-block;
}
.tabs>.head .item>.main {
	float: left; color: #FFF; height: 32px;	line-height: 32px;
	text-align: center; padding-left: 2px; font-weight: bold;
}
.tabs>.head .item.closeable>.main { width: 68px; }
.tabs>.head .item>.xbtn {
	float: left; height: 32px; width: 8px; overflow: hidden;
}
.tabs>.head .item>.xbtn>.icon { margin-left: -4px; }
.tabs>.head .item>.xbtn>.icon:hover { background-color: #99FF66; }
.tabs>.head .item>.left { float: left; width: 6px; height: 32px; }
.tabs>.head .item>.right { float: left; width: 6px; height: 32px; }
.tabs>.head .normal { z-index: 1; }
.tabs>.head .normal>.main {
/* 	background: url(images/tm-bg.png) repeat-x; */
	background-color: #FFF;
	color: #2B7BBD;
}
.tabs>.head .normal>.left {
/* 	background: url(images/tm-l.png) no-repeat; */
	background-color: #FFF;
}
.tabs>.head .normal>.right {
/* 	background: url(images/tm-r.png) no-repeat; */
	background-color: #FFF;
}
.tabs>.head .normal>.xbtn {
	background: url(images/tm-bg.png) repeat-x;
}
.tabs>.head .selected { z-index: 3; }
.tabs>.head .selected>.left {
/* 	background: url(images/tm-l-s.png) no-repeat; */
	background-color: #FFF;
}
.tabs>.head .selected>.main {
/* 	background: url(images/tm-bg-s.png) repeat-x; */
	background-color: #FFF;
	color: #CC6601; height: 30px; border-bottom: 2px solid #2B7BBD;
}
.tabs>.head .selected>.right {
/* 	background: url(images/tm-r-s.png) no-repeat; */
	background-color: #FFF;
}
.tabs>.head .selected>.xbtn {
	background: url(images/tm-bg-s.png) repeat-x;
}

/***<jscompress sourcefile="menu.css" />*/
.contextMenu {
	position: absolute; z-index: 999; border: 1px solid #999;
	padding: 0px; margin: 0px; display: none;
}
.contextMenu li {
	list-style: none; padding: 0px; position: relative; white-space: nowrap;
	line-height: 24px; height: 24px; cursor: pointer;
	background-color: #2B7BBD; color: #FFF;
}
.contextMenu li .icon { margin: 4px; }
.contextMenu span.title { margin-right: 24px; }
.contextMenu li ul {
	position: absolute; display: none; padding: 0px; margin: 0px;
	border: 1px solid #999; z-index: 999;
}
.contextMenu li.hover { color: #FFF; background-color: #3399FF; }
.contextMenu li.disabled { color: #999; cursor: default; }

